﻿<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@page language="java" contentType="text/html; UTF-8" isELIgnored="false" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>云科技</title>
        <link type="text/css" rel="stylesheet" media="all" href="../styles/global.css" />
        <link type="text/css" rel="stylesheet" media="all" href="../styles/global_color.css" />
        <script language="javascript" type="text/javascript">
            //保存成功的提示信息
            function showResult() {
                showResultDiv(true);
                window.setTimeout("showResultDiv(false);", 3000);
            }
            function showResultDiv(flag) {
                var divResult = document.getElementById("save_result_info");
                if (flag)
                    divResult.style.display = "block";
                else
                    divResult.style.display = "none";
            }

            //显示修改密码的信息项
            function showPwd(chkObj) {
                if (chkObj.checked)
                    document.getElementById("divPwds").style.display = "block";
                else
                    document.getElementById("divPwds").style.display = "none";
            }
        </script>
    </head>
    <body>
        <!--Logo区域开始-->
        <div id="header">
            <img src="../images/logo.png" alt="logo" class="left"/>
            <a href="login.jsp">[退出]</a>
        </div>
        <!--Logo区域结束-->
        <!--导航区域开始-->
        <div id="navi">
            <ul id="menu">
                <li><a href="../index.jsp" class="index_off"></a></li>
                <li><a href="/selectAll" class="role_off"></a></li>
                <li><a href="/selectAllAdmin" class="admin_on"></a></li>
                <li><a href="/selectAllCostInfo" class="fee_off"></a></li>
                <li><a href="/selectAllAccount" class="account_on"></a></li>
                <li><a href="../service/service_list.jsp" class="service_off"></a></li>
                <li><a href="../bill/bill_list.jsp" class="bill_off"></a></li>
                <li><a href="../report/report_list.jsp" class="report_off"></a></li>
                <li><a href="../user/user_info.jsp" class="information_off"></a></li>
                <li><a href="../user/user_modi_pwd.jsp" class="password_off"></a></li>
            </ul>
        </div>
        <!--导航区域结束-->
        <!--主要区域开始-->
        <div id="main">
            <form action="/save" method="post" class="main_form">
                <!--必填项-->
                <div class="text_info clearfix"><span>账务账号ID：</span></div>
                <div class="input_info"><input type="text" value="${account.accountId}" readonly class="readonly" name="accountId"/></div>
                <div class="text_info clearfix"><span>姓名：</span></div>
                <div class="input_info"><input type="text" value="${account.realName}" class="readonly" name="realName"/></div>
                <div class="text_info clearfix"><span>身份证：</span></div>
                <div class="input_info">
                    <input type="text" value="${account.idcardNo}" class="readonly" id="idcard" name="idcardNo"/>
                </div>

                <script type="text/javascript">
                    function show() {
                        var input=document.getElementById("idcard").valueOf().value
                        var days=input.substring(12,14);
                        var month=input.substring(10,12);
                        var year=input.substring(6,10);
                        var birthday=year+"年"+month+"月"+days+"日";
                        document.getElementById("birthdate").valueOf().value=birthday;
                    }
                    window.onload=show;
                </script>

                <div class="text_info clearfix"><span>登录账号：</span></div>
                <div class="input_info">
                    <input type="text" value="${account.loginName}" class="readonly" name="loginName"/>
                </div>

                <div class="input_info" style="display: none">
                    <input id=password onkeyup="check()" name="loginPasswd">
                    <span class="required">*</span>
                    <div class="validate_msg_long error_msg">30长度以内的字母、数字和下划线的组合</div>
                </div>

                <div class="text_info clearfix"><span>电话：</span></div>
                <div class="input_info">
                    <input type="text" class="width200 readonly" value="${account.telephone}" name="telephone"/>
                </div>
                <div class="text_info clearfix"><span>推荐人账务账号ID：</span></div>
                <div class="input_info"><input type="text" class="readonly" value="${account.recommenderId}" name="recommenderId"/></div>
                <div class="text_info clearfix"><span>推荐人身份证号码：</span></div>
                <div class="input_info"><input type="text" class="readonly" value="${account1.idcardNo}" /></div>


                <!--可选项数据-->
                <div class="text_info clearfix"><span>生日：</span></div>
                <div class="input_info">
                    <input type="text" readonly class="readonly" value="" id="birthdate" name="birth"/>
                </div>
                <div class="text_info clearfix"><span>Email：</span></div>
                <div class="input_info">
                    <input type="text" class="width350 readonly"  value="${account.email}" name="email"/>
                </div>
                <div class="text_info clearfix"><span>职业：</span></div>


                <div class="input_info">
                    <select name="occupation">
                        <c:choose>
                            <c:when test="${account.occupation=='干部'}">
                                <option selected>干部</option>
                                <option>学生</option>
                                <option>技术人员</option>
                                <option>其他</option>
                            </c:when>
                            <c:when test="${account.occupation=='学生'}">
                                <option>干部</option>
                                <option selected>学生</option>
                                <option>技术人员</option>
                                <option>其他</option>
                            </c:when>
                            <c:when test="${account.occupation=='技术人员'}">
                                <option>干部</option>
                                <option>学生</option>
                                <option selected>技术人员</option>
                                <option>其他</option>
                            </c:when>
                            <c:when test="${account.occupation=='其他'}">
                                <option>干部</option>
                                <option>学生</option>
                                <option>技术人员</option>
                                <option selected>其他</option>
                            </c:when>

                        </c:choose>
                    </select>
                </div>
                <div class="text_info clearfix"><span>性别：</span></div>
                <div class="input_info fee_type">
                    <c:choose>
                        <c:when test="${account.gender=='女'}">
                            <input type="radio" name="gender" checked="checked" id="female" value="女"/>
                            <label for="female">女</label>
                            <input type="radio" name="gender" id="male" value="男" />
                            <label for="male">男</label>
                        </c:when>
                        <c:when test="${account.gender=='男'}">
                            <input type="radio" name="gender"  id="female" value="女" />
                            <label for="female">女</label>
                            <input type="radio" name="gender" checked="checked" id="male" value="男"/>
                            <label for="male">男</label>
                        </c:when>
                    </c:choose>


                </div>
                <div class="text_info clearfix"><span>通信地址：</span></div>
                <div class="input_info"><input type="text" class="width350 readonly" value="${account.mailaddress}" name="mailaddress"/></div>
                <div class="text_info clearfix"><span>邮编：</span></div>
                <div class="input_info"><input type="text" class="readonly" value="${account.zipcode}" name="zipcode"/></div>
                <div class="text_info clearfix"><span>QQ：</span></div>
                <div class="input_info"><input type="text" class="readonly" value="${account.qq}" name="qq"/></div>
                <!--操作按钮-->
                <div class="button_info clearfix">
                    <input type="submit" value="保存" class="btn_save" />
                    <input type="reset" value="取消" class="btn_save" />
                </div>
            </form>
        </div>
        <!--主要区域结束-->
        <div id="footer">
            <span>[源自北美的技术，最优秀的师资，最真实的企业环境，最适用的实战项目]</span>
            <br />
            <span>版权所有(C)云科技有限公司 </span>
        </div>
    </body>
</html>
